<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>angular指令</title>
    <script src="../../resources/src/js/angular.js"></script>
</head>
<body ng-app="">
    <div>
        AngularJS 通过被称为 指令 的新属性来扩展 HTML。
        AngularJS 通过内置的指令来为应用添加功能。
        AngularJS 允许你自定义指令。
        AngularJS 指令
        AngularJS 指令是扩展的 HTML 属性，带有前缀 ng-。
        ng-app 指令初始化一个 AngularJS 应用程序。
        ng-init 指令初始化应用程序数据。
        ng-model 指令把元素值（比如输入域的值）绑定到应用程序。
    </div>
    <div  ng-init="firstName='John'">

        <p>在输入框中尝试输入：</p>
        <p>姓名：<input type="text" ng-model="firstName"></p>
        <p>你输入的为： {{ firstName }}</p>
    </div>


</body>
</html>